﻿.sidebar {
    background-color: #2d3035 !important;
}

.sidebar-footer {
    background-color: #2d3035 !important;
}

.logo_title {
    color:#ffffff;
}

.sidebar-menu .active a {
    background: #434446 !important;
    color: #FFF !important;
}

.sidebar ul.nav.nav-sidebar li.active {
    background: #434446 !important;
    color: #FFF !important;
}

.sidebar-menu .active i {
    color: #FFF !important;
}

.navbar .navbar-nav li .dropdown-menu:before {
    border-bottom: 8px solid #434446 !important;
}

.navbar .navbar-nav li .dropdown-menu:after {
    border-bottom: 8px solid #434446 !important;
}

.navbar .navbar-nav li .dropdown-menu:after {
    border-bottom: 8px solid #434446 !important;
}


    .content {
        background-color: #22252a !important;
    }

.container-fluid {
    background-color: #2d3035 !important;
}

.main {
    background-color: #22252a;
}
.panel-body {
    background-color: #34363a !important;
}
.panel.panel-default {
    border-top:none !important;
}

.panel .panel-body {
     border:none !important;
}
.shadow-box {
    color:#d0d0d0 !important;
    background-color: #2d3035 !important;
    box-shadow: 6px 6px 10px #22252a !important;
}

.navbar .navbar-nav li .dropdown-menu li a {
    background-color: #434446 !important;
    color:#FFF;
}

.navbar .navbar-nav li .dropdown-menu li i {
    color: #FFF;
}

.navbar .navbar-nav li .dropdown-menu a:hover {
    background-color: #626363 !important;
}

.navbar .navbar-nav li .dropdown-menu li {
    border-bottom: 1px solid #848484 !important;
}

.navbar .navbar-nav li .dropdown-menu {
    border: none !important;
}

.table-bordered {
    background-color: #2d3035 !important;
    color: #a0a0a0;
}

    .table-bordered td, th {
        background-color: #2d3035 !important;
        border: 1px solid #525151 !important;
    }

.page-list .btn-group button {
    background-color: #434446 !important;
    color: #d0d0d0;
}

.page-list .dropdown-menu {
    background-color: #434446 !important;
    
}

    .page-list .dropdown-menu a {
        color: #d0d0d0 !important;
    }

.pagination-detail {
    color: #d0d0d0 !important;
}

.pagination li a {
    background-color: #434446 !important;
    color: #d0d0d0;
}

    .pagination li a:hover {
        color: #d0d0d0;
    }



.pagination .active a {
    background-color: #4b92b5 !important;
    color: #FFF;
    border-color: #FFF !important;
}

.layui-laydate-content table thead th {
    background-color: black !important;
    border: none !important;
    color: #FFF !important;
}

.layui-laydate-header {
    background-color: black !important;
    border: none !important;
    color: #FFF !important;
}

.layui-laydate-content {
    background-color: black !important;
    border: none !important;
}


.layui-laydate-footer {
    background-color: black !important;
    border: none !important;
}

select {
    background-color: #434446 !important;
    color: #d0d0d0 !important;
    border: none !important;
}

.laydate-year-list, .laydate-month-list {
    background-color: black !important;
}

.breadcrumb {
    background-color: #434446 !important;
    color: #d0d0d0 !important;
}

.wizard-type1 ul.steps li.active a {
    
    color: #FFF !important;
}

.wizard-type1 ul.steps li a {
    color: #d0d0d0 !important;
}

.tab-content {
    color: #d0d0d0 !important;
}

.actions {
    background-color: #34363a !important;
    border:none !important;
}

.task_content {
    color: #d0d0d0 !important;
}

.tab-pane {
    border: 1px solid #c7c7c7 !important;
}

.goup-container {
    background-color: #67c2ef !important;
}


.teal-bg {
    background-color: #97d3c56b !important;
}

.blue-bg {
    background-color: #57889c73 !important;
}

.purple-bg {
    background-color: #af91e173 !important;
}

.orange-bg {
    background-color: #f4b16287 !important;
}

.form-control {
    background-color: #272727 !important;
    color: #d0d0d0 !important;
    border: 1px solid #636363 !important;
}

    .form-control:focus {
        border: 1px solid #abc2dc !important; 
    }


input::-webkit-input-placeholder {
    color: #848484 !important;
}

input::-moz-placeholder {  
    color: #848484 !important;
}

input:-moz-placeholder {  
    color: #848484 !important;
}

input:-ms-input-placeholder {  
    color: #848484 !important;
}

.alert-info {
    background-color: #393e4a !important;
    color: #e0dbdb !important;
}

.index_time_range {
    color:#ffffff !important;
}

.modal-content {
    background-color: #454b50 !important;
    color: #FFF !important;
    border: 1px solid #949494 !important;
}

    .modal-content .close {
        color:#FFF !important;
        opacity:1 !important;
    }


.alert-container-black .alert-content {
    color: #FFF !important;
    background-color: #597e84 !important;
}



body.my-login-page {
    background-color: #34363a !important;
}

.my-login-page .card {
    background-color: #3d4148 !important;
    /*box-shadow: initial !important;*/
    box-shadow: 16px 16px 28px #161e2f !important
}

.my-login-page .hr_title {
    color:#FFF !important;
    text-shadow:initial !important;
}

.my-login-page .card label {
    color: #FFF !important;
}

.my-login-page .btn.btn-block {
    background-color: #67c2ef !important;
    box-shadow: 6px 6px 10px #171f2f !important;
}


.my-login-page .username, .password {
    color: #000000 !important;
    background-color: aliceblue !important;
}

.request_detail_title {
    color: #c7c7c7 !important;
}
.footer-copyright {
    color:#d0d0d0;
}

.request_detail_notfound {
    color: #c7c7c7 !important;
}

.request-tree .expand-icon {
    color: rgb(103, 194, 239);
}
 
    .request-tree .list-group-item {
        background-color: initial;
        border-radius: 0px;
        color: #a0a0a0;
        border: 1px solid #525151 !important; 

    }

        .request-tree .list-group-item:hover {
            background-color: #404246 !important;
        }


.node-selected {
    background-color: #404246 !important;
}




        .mSlider-inner {
            background-color: rgb(40, 42, 43) !important;
        }

.contextBox .table th {
    background-color: rgba(255, 255, 255, 0.00) !important;
}


.contextBox .table td {
    background-color:rgba(255, 255, 255, 0.00) !important;
}


.layui-laydate-list {
    background-color:black !important;
}


.layui-laydate-content td {
    color: #bdbdbd !important;
}

.laydate-time-list ol li {
    color: #bdbdbd !important;
}

 

 